<template>
	<view>
		<!-- 热门分类 -->
		<view class="flex justify-between align-center px-2">
			<view class="font-md">热门分类</view>
			<view class="text-secondary font flex align-center" @click="openMore()">
				更多 <text class="iconfont icon-jinru"></text>
			</view>
		</view>
		<view class="flex align-center py-3 px-2 border-bottom">
			<view class="bg-light rounded animated faster border" hover-class="rubberBand"
			style="padding: 10rpx 15rpx; margin-right: 10rpx;"
			v-for="(item,index) in hotCate" @click="openMore()">
				{{item.name}}
			</view>	
		</view>
	</view>
</template>

<script>
	export default{
		props:['hotCate'],
		data(){
			return{
				
			}
		},
		onLoad() {
			console.log(this.hotCate)
		},
		methods:{
			openMore(){
				uni.navigateTo({
					url: '../../pages/topic-nav/topic-nav',
				});
			},
		}
	}
</script>

<style>
</style>
